@tailwind base;
@tailwind components;
@tailwind utilities;

#app {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 禁止页面缩放，提供类似原生应用的体验 */
@layer base {
  html {
    -webkit-text-size-adjust: 100%;
  }
  
  /* 确保所有按钮和可点击元素尺寸不小于44x44px */
  button, 
  a, 
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .btn,
  .clickable {
    min-width: 44px;
    min-height: 44px;
    line-height: 44px;
  }
  
  /* 移动端触控优化 */
  @media (max-width: 768px) {
    input, select, textarea {
      font-size: 16px; /* 防止iOS自动缩放 */
    }
    
    /* 增加点击区域间距 */
    button, a, [role="button"], .btn, .clickable {
      margin: 0.25rem;
      padding: 0.5rem;
      touch-action: manipulation; /* 优化触摸操作 */
    }
  }
}
